<%--
  Created by IntelliJ IDEA.
  User: 劳俊谕
  Date: 2024/1/8
  Time: 21:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<div class="first">
    <input type="text" placeholder="请输入描述内容(仅限英文)" id="ipt" />
    <button id="btn" onclick="submitForm()">
        开始创作
    </button>
</div>

<form id="myForm" action="history.jsp" method="post">
    <input type="hidden" name="inputValue" id="hiddenInput" />
</form>

<!-- 在<head>标签中或<body>标签的末尾添加以下脚本 -->
<script>
    function submitForm() {
        // 获取输入框的值
        var inputValue = document.getElementById("ipt").value;

        // 将值设置到隐藏的 input 中
        document.getElementById("hiddenInput").value = inputValue;

        // 使用 fetch 发送异步 POST 请求
        fetch('history.jsp', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: 'inputValue=' + encodeURIComponent(inputValue),
        })
            .then(response => {
                // 处理响应，可以根据需要执行相应的操作
                console.log('Form submitted successfully');
            })
            .catch(error => {
                // 处理错误
                console.error('Error submitting form:', error);
            });
    }

</script>

</body>
</html>
